<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>【健康云】运动健康评估问卷(1)</title>
    <link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="css/demo.css" />
    <link rel="stylesheet" type="text/css" href="css/component.css" />
    <!--<link rel="stylesheet" type="text/css" href="css/cs-select.css" />-->
    <!--<link rel="stylesheet" type="text/css" href="css/cs-skin-boxes.css" />-->

    <!-- css 文件 -->
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/foundation/5.5.3/css/foundation.min.css";>

    <!-- jQuery 库 -->
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js";></script>

    <!-- JavaScript 文件 -->
    <script src="http://cdn.static.runoob.com/libs/foundation/5.5.3/js/foundation.min.js";></script>

    <!-- modernizr.js 文件 -->
    <script src="http://cdn.static.runoob.com/libs/foundation/5.5.3/js/vendor/modernizr.js";></script>

    <script src="js/modernizr.custom.js"></script>
</head>
<body>
<div class="container">

    <div class="fs-form-wrap" id="fs-form-wrap">
        <!--<div class="fs-title">-->
            <!--<h1>【健康云】运动健康评估问卷(1)</h1>-->
        <!--</div>-->
        <form id="myform" class="fs-form fs-form-full" autocomplete="off" method="post"  action="/upload_shortpost_1">
            <ol class="fs-fields">
                <li>
                    <label class="fs-field-label fs-anim-upper">
                        <span style="line-height: 200%;font-size: large"><strong style="font-size: large">【健康云】调查问卷序言</strong></span>
                        <!--<hr>-->
                        <!--<span style="line-height: 200%;font-size: large"><strong>调查问卷序言</strong></span><br>-->
                        <hr>
                        <span style="line-height: 200%;font-size: larger">这份问卷会问您最近7天花在身体活动的时间，<strong style="font-size: large">为了评估结果的准确，请认真回答每一个问题</strong>。如果您觉得自己是一个没有运动的人，请想一想您在工作时的活动、从一个地方到另外一个地方的活动或是您在家里或园艺中的活动，这些都是您身体活动的时间。</span>
                        <!--<span style="line-height: normal;font-size: large">想一想在最近7天里，你做过的所有剧烈的身体活动，<strong>剧烈的身体活动</strong>是指费力的身体负荷并且让您的呼吸比正常呼吸更为急促的活动，请仅回想您所做过的<strong>每次至少10分钟</strong>的那些剧烈活动。</span>-->
                    </label>
                </li>
                <li>
                    <label class="fs-field-label fs-anim-upper">
                        <span style="line-height: 200%">想一想<strong style="font-size: large">最近7天里</strong>您做过的所有的剧烈的身体活动，<strong style="font-size: large">剧烈的身体活动</strong>是指费力的身体负荷并且让您的呼吸比正常呼吸更为急促的活动，请仅回想您所做过的<strong style="font-size: large">每次至少10分钟</strong>的那些剧烈的身体活动。</span>
                        <hr>
                    </label>
                    <label class="fs-field-label fs-anim-upper" style="line-height: 200%">1:<strong style="font-size: large">最近7天</strong>里您有几天做了<strong style="font-size: large">剧烈</strong>的身体活动（每次至少10分钟），像是提重物、苦力、有氧运动或是快速骑车等等？</label>
                    <label  class="fs-field-label fs-anim-upper" for="q1" style="line-height: 200%">每周</label>
                    <select class="fs-anim-lower" id="q1" name="q1" required>
                        <option>0天</option>
                        <option>1天</option>
                        <option>2天</option>
                        <option>3天</option>
                        <option>4天</option>
                        <option>5天</option>
                        <option>6天</option>
                        <option>7天</option>
                    </select>
                </li>

                <li>
                    <label class="fs-field-label fs-anim-upper" style="line-height: 200%">2:在参与<strong style="font-size: large">剧烈</strong>身体活动的<strong style="font-size: large">那些天</strong>，您通常<strong style="font-size: large">每天</strong>花多少时间在<strong style="font-size: large">剧烈</strong>的身体活动上？</label><br>
                    <label class="fs-field-label fs-anim-upper" for="q2_1">我每天会花</label>
                    <select class="fs-anim-lower" id="q2_1" name="q2_1" required>
                        <option>0小时</option>
                        <option>1小时</option>
                        <option>2小时</option>
                        <option>3小时</option>
                        <option>4小时</option>
                        <option>5小时</option>
                        <option>6小时</option>
                        <option>7小时</option>
                        <option>8小时</option>
                        <option>9小时</option>
                        <option>10小时</option>
                        <option>11小时</option>
                        <option>12小时</option>
                        <option>13小时</option>
                        <option>14小时</option>
                        <option>15小时</option>
                        <option>16小时</option>
                        <option>17小时</option>
                        <option>18小时</option>
                        <option>19小时</option>
                        <option>20小时</option>
                        <option>21小时</option>
                        <option>22小时</option>
                        <option>23小时</option>
                    </select>
                    <!--<label class="fs-field-label fs-anim-upper" for="q2_2">（下拉框，10分钟间隔）</label>-->
                    <select class="fs-anim-lower" id="q2_2" name="q2_2" required>
                        <option>0分钟</option>
                        <option>0-10分钟</option>
                        <option>11-20分钟</option>
                        <option>21-30分钟</option>
                        <option>31-40分钟</option>
                        <option>41-50分钟</option>
                        <option>51-59分钟</option>
                    </select>
                </li>

                <li>
                    <label class="fs-field-label fs-anim-upper">
                        <span style="line-height: 200%">想一想<strong style="font-size: large">最近7天</strong>里你做过的所有适度的身体活动，<strong style="font-size: large">适度的身体活动</strong>是指适度的身体负荷并让您的呼吸比正常呼吸费力一些的活动，请仅回想您所做过的<strong style="font-size: large">每次至少10分钟</strong>的那些适度的身体活动。</span>
                        <hr>
                    </label>
                    <label class="fs-field-label fs-anim-upper" for="q3">3:<strong style="font-size: large">最近7天</strong>里您有几天做了<strong style="font-size: large">适度</strong>的身体活动（每次至少10分钟），像是提轻的物品、正常速度骑车或网球双打<strong style="font-size: large">（不包含走路）</strong>等等?</label>
                    <label class="fs-field-label fs-anim-upper" for="q3">每周</label>
                    <select class="fs-anim-lower" id="q3" name="q3" required>
                        <option>0天</option>
                        <option>1天</option>
                        <option>2天</option>
                        <option>3天</option>
                        <option>4天</option>
                        <option>5天</option>
                        <option>6天</option>
                        <option>7天</option>
                    </select>
                </li>

                <li>
                    <label class="fs-field-label fs-anim-upper">4:在参与<strong style="font-size: large">适度</strong>身体活动的<strong style="font-size: large">那些天</strong>，您通常<strong style="font-size: large">每天</strong>花多少时间在<strong style="font-size: large">适度</strong>的身体活动上？</label><br>
                    <label class="fs-field-label fs-anim-upper" for="q4_1">我每天会花</label>
                    <select class="fs-anim-lower" id="q4_1" name="q4_1" required>
                        <option>0小时</option>
                        <option>1小时</option>
                        <option>2小时</option>
                        <option>3小时</option>
                        <option>4小时</option>
                        <option>5小时</option>
                        <option>6小时</option>
                        <option>7小时</option>
                        <option>8小时</option>
                        <option>9小时</option>
                        <option>10小时</option>
                        <option>11小时</option>
                        <option>12小时</option>
                        <option>13小时</option>
                        <option>14小时</option>
                        <option>15小时</option>
                        <option>16小时</option>
                        <option>17小时</option>
                        <option>18小时</option>
                        <option>19小时</option>
                        <option>20小时</option>
                        <option>21小时</option>
                        <option>22小时</option>
                        <option>23小时</option>
                    </select>
                    <!--<label class="fs-field-label fs-anim-upper" for="q4_2">（下拉框，10分钟间隔）</label>-->
                    <select class="fs-anim-lower" id="q4_2" name="q4_2" required>
                        <option>0分钟</option>
                        <option>0-10分钟</option>
                        <option>11-20分钟</option>
                        <option>21-30分钟</option>
                        <option>31-40分钟</option>
                        <option>41-50分钟</option>
                        <option>51-59分钟</option>
                    </select>
                </li>

                <li>
                    <label class="fs-field-label fs-anim-upper">
                        <span style="line-height: 200%">想一想<strong style="font-size: large">最近7天</strong>里您花在<strong style="font-size: large">走路</strong>上的时间，包含工作时、在家、从某地到某地，或者娱乐、游戏、锻炼、休闲时的走路。</span>
                        <hr>
                    </label>
                    <label class="fs-field-label fs-anim-upper">5:<strong style="font-size: large">最近7天</strong>里您有几天一次性<strong style="font-size: large">走路</strong>至少10分钟？</label>
                    <label class="fs-field-label fs-anim-upper" for="q5">每周</label>
                    <select class="fs-anim-lower" id="q5" name="q5" required>
                        <option>0天</option>
                        <option>1天</option>
                        <option>2天</option>
                        <option>3天</option>
                        <option>4天</option>
                        <option>5天</option>
                        <option>6天</option>
                        <option>7天</option>
                    </select>
                </li>

                <li>
                    <label class="fs-field-label fs-anim-upper">6:在<strong style="font-size: large">一次性走路至少10分钟</strong>的<strong style="font-size: large">那些天</strong>，您通常<strong style="font-size: large">每天</strong>花多少时间在<strong style="font-size: large">走路</strong>上？</label>
                    <label class="fs-field-label fs-anim-upper" for="q6_1">我每天会花</label>
                    <select class="fs-anim-lower" id="q6_1" name="q6_1" required>
                        <option>0小时</option>
                        <option>1小时</option>
                        <option>2小时</option>
                        <option>3小时</option>
                        <option>4小时</option>
                        <option>5小时</option>
                        <option>6小时</option>
                        <option>7小时</option>
                        <option>8小时</option>
                        <option>9小时</option>
                        <option>10小时</option>
                        <option>11小时</option>
                        <option>12小时</option>
                        <option>13小时</option>
                        <option>14小时</option>
                        <option>15小时</option>
                        <option>16小时</option>
                        <option>17小时</option>
                        <option>18小时</option>
                        <option>19小时</option>
                        <option>20小时</option>
                        <option>21小时</option>
                        <option>22小时</option>
                        <option>23小时</option>
                    </select>
                    <!--<label class="fs-field-label fs-anim-upper" for="q6_2">（下拉框，10分钟间隔）</label>-->
                    <select class="fs-anim-lower" id="q6_2" name="q6_2" required>
                        <option>0分钟</option>
                        <option>0-10分钟</option>
                        <option>11-20分钟</option>
                        <option>21-30分钟</option>
                        <option>31-40分钟</option>
                        <option>41-50分钟</option>
                        <option>51-59分钟</option>
                    </select>
                </li>

                <li>
                    <label class="fs-field-label fs-anim-upper">
                        <span style="line-height: 200%">最后的问题是在<strong style="font-size: large">最近7天</strong>里的<strong style="font-size: large">工作日</strong>，您花多少时间<strong style="font-size: large">坐着</strong>，包含在工作、家里及休闲时的坐着，这可以包含在饭桌上、拜访朋友、读书学习或看电视时的躺着或坐着。</span>
                        <hr>
                    </label>
                    <label class="fs-field-label fs-anim-upper">7:<strong style="font-size: large">最近七天</strong>里您通常<strong style="font-size: large">每个工作日</strong>有多久时间是<strong style="font-size: large">坐着</strong>的？</label><br>
                    <label class="fs-field-label fs-anim-upper" for="q7_1">我每天会花</label>
                    <select class="fs-anim-lower" id="q7_1" name="q7_1" required>
                        <option>0小时</option>
                        <option>1小时</option>
                        <option>2小时</option>
                        <option>3小时</option>
                        <option>4小时</option>
                        <option>5小时</option>
                        <option>6小时</option>
                        <option>7小时</option>
                        <option>8小时</option>
                        <option>9小时</option>
                        <option>10小时</option>
                        <option>11小时</option>
                        <option>12小时</option>
                        <option>13小时</option>
                        <option>14小时</option>
                        <option>15小时</option>
                        <option>16小时</option>
                        <option>17小时</option>
                        <option>18小时</option>
                        <option>19小时</option>
                        <option>20小时</option>
                        <option>21小时</option>
                        <option>22小时</option>
                        <option>23小时</option>
                    </select>
                    <!--<label class="fs-field-label fs-anim-upper" for="q7_2">（下拉框，10分钟间隔）</label>-->
                    <select class="fs-anim-lower" id="q7_2" name="q7_2" required>
                        <option>0分钟</option>
                        <option>0-10分钟</option>
                        <option>11-20分钟</option>
                        <option>21-30分钟</option>
                        <option>31-40分钟</option>
                        <option>41-50分钟</option>
                        <option>51-59分钟</option>
                    </select>
                </li>

                <li>
                    <label class="fs-field-label fs-anim-upper">
                        <span style="line-height: 200%"><strong style="font-size: large">不同人群所需运动量不同</strong>，为了您更好地了解自己的运动情况，请您<strong style="font-size: large">准确回答</strong>以下问题，我们承诺将对您的信息<strong style="font-size: large">严格保密</strong>。</span>
                        <hr>
                    </label>
                    <label class="fs-field-label fs-anim-upper">8:请选择您的性别</label>
                    <!--<label class="fs-field-label fs-anim-upper" for="q8">下拉框（男/女）</label>-->
                    <select class="fs-anim-lower" id="q8" name="q8" required>
                        <option>男</option>
                        <option>女</option>
                    </select>
                </li>

                <li>
                    <label class="fs-field-label fs-anim-upper">9:请选择您的体重</label>
                    <!--<label class="fs-field-label fs-anim-upper" for="q9">下拉框</label>-->
                    <select class="fs-anim-lower" id="q9" name="q9" required>
                        <option><40kg</option>
                        <option>41kg</option>
                        <option>42kg</option>
                        <option>43kg</option>
                        <option>44kg</option>
                        <option>45kg</option>
                        <option>46kg</option>
                        <option>47kg</option>
                        <option>48kg</option>
                        <option>49kg</option>
                        <option>50kg</option>
                        <option>51kg</option>
                        <option>52kg</option>
                        <option>53kg</option>
                        <option>54kg</option>
                        <option>55kg</option>
                        <option>56kg</option>
                        <option>57kg</option>
                        <option>58kg</option>
                        <option>59kg</option>
                        <option selected="selected">60kg</option>
                        <option>61kg</option>
                        <option>62kg</option>
                        <option>63kg</option>
                        <option>64kg</option>
                        <option>65kg</option>
                        <option>66kg</option>
                        <option>67kg</option>
                        <option>68kg</option>
                        <option>69kg</option>
                        <option>70kg</option>
                        <option>71kg</option>
                        <option>72kg</option>
                        <option>73kg</option>
                        <option>74kg</option>
                        <option>75kg</option>
                        <option>76kg</option>
                        <option>77kg</option>
                        <option>78kg</option>
                        <option>79kg</option>
                        <option>80kg</option>
                        <option>81kg</option>
                        <option>82kg</option>
                        <option>83kg</option>
                        <option>84kg</option>
                        <option>85kg</option>
                        <option>86kg</option>
                        <option>87kg</option>
                        <option>88kg</option>
                        <option>89kg</option>
                        <option>90kg</option>
                        <option>91kg</option>
                        <option>92kg</option>
                        <option>93kg</option>
                        <option>94kg</option>
                        <option>95kg</option>
                        <option>96kg</option>
                        <option>97kg</option>
                        <option>98kg</option>
                        <option>99kg</option>
                        <option>100kg</option>
                        <option>>100kg</option>
                    </select>
                </li>

                <li>
                    <label class="fs-field-label fs-anim-upper">10:请选择您的身高</label>
                    <!--<label class="fs-field-label fs-anim-upper" for="q10">下拉框</label>-->
                    <select class="fs-anim-lower" id="q10" name="q10" required>
                        <option><155cm</option>
                        <option>155cm</option>
                        <option>156cm</option>
                        <option>157cm</option>
                        <option>158cm</option>
                        <option>159cm</option>
                        <option>160cm</option>
                        <option>161cm</option>
                        <option>162cm</option>
                        <option>163cm</option>
                        <option>164cm</option>
                        <option>165cm</option>
                        <option>166cm</option>
                        <option>167cm</option>
                        <option>168cm</option>
                        <option>169cm</option>
                        <option selected="selected">170cm</option>
                        <option>171cm</option>
                        <option>172cm</option>
                        <option>173cm</option>
                        <option>174cm</option>
                        <option>175cm</option>
                        <option>176cm</option>
                        <option>177cm</option>
                        <option>178cm</option>
                        <option>179cm</option>
                        <option>180cm</option>
                        <option>181cm</option>
                        <option>182cm</option>
                        <option>183cm</option>
                        <option>184cm</option>
                        <option>185cm</option>
                        <option>186cm</option>
                        <option>187cm</option>
                        <option>188cm</option>
                        <option>189cm</option>
                        <option>190cm</option>
                        <option>191cm</option>
                        <option>192cm</option>
                        <option>193cm</option>
                        <option>194cm</option>
                        <option>195cm</option>
                        <option>196cm</option>
                        <option>197cm</option>
                        <option>198cm</option>
                        <option>199cm</option>
                        <option>200cm</option>
                        <option>>200cm</option>
                    </select>
                </li>

                <li>
                    <label class="fs-field-label fs-anim-upper">11:请选择您的年龄</label>
                    <!--<label class="fs-field-label fs-anim-upper" for="q11">下拉框</label>-->
                    <select class="fs-anim-lower" id="q11" name="q11" required>
                        <option>18岁以下</option>
                        <option>18-25岁</option>
                        <option>26-30岁</option>
                        <option selected="selected">31-34岁</option>
                        <option>35-39岁</option>
                        <option>40-44岁</option>
                        <option>45-49岁</option>
                        <option>50-54岁</option>
                        <option>55-59岁</option>
                        <option>60岁及以上</option>
                    </select>
                </li>

                <li>
                    <label class="fs-field-label fs-anim-upper" for="q12">12:由于运动健康评估需要一定时间，请您留下您的手机号，稍后我们将以<strong style="font-size: large">短信的形式</strong>反馈您的运动健康测评结果，有任何问题及建议您可以通过<strong style="font-size: large">回复</strong>短信联系到我们。</label>
                    <input class="fs-anim-lower" id="q12" name="q12" type="number" placeholder="输入您的11位有效手机号"/>
                </li>

                <li>
                    <label class="fs-field-label fs-anim-upper">13:我们后续将为您提供个性化的运动健康服务（无需任何费用），您是否愿意参与？</label>
                    <!--<label class="fs-field-label fs-anim-upper" for="q13">下拉框（愿意/不用）</label>-->
                    <select class="fs-anim-lower" id="q13" name="q13" required>
                        <option>愿意</option>
                        <option>不用</option>
                    </select>
                </li>

                <li>
                    <label class="fs-field-label fs-anim-upper" for="q14">14:如果您想推荐周围的人参与测评，请在这里留下他/她的手机号。</label>
                    <input class="fs-anim-lower" id="q14" name="q14" type="number" placeholder="输入11位有效手机号"/>
                </li>

            </ol><!-- /fs-fields -->
            <button class="fs-submit button small" type="submit" style="text-align: center">提交问卷</button>
        </form><!-- /fs-form -->
    </div><!-- /fs-form-wrap -->

</div><!-- /container -->
<script src="js/classie.js"></script>
<script src="js/selectFx.js"></script>
<script src="js/fullscreenForm.js"></script>
<script>
    (function() {
        var formWrap = document.getElementById( 'fs-form-wrap' );

        [].slice.call( document.querySelectorAll( 'select.cs-select' ) ).forEach( function(el) {
            new SelectFx( el, {
                stickyPlaceholder: false,
                onChange: function(val){
                    document.querySelector('span.cs-placeholder').style.backgroundColor = val;
                }
            });
        } );

        new FForm( formWrap, {
            onReview : function() {
                classie.add( document.body, 'overview' ); // for demo purposes only
            }
        } );
    })();
</script>
</body>
</html>